import type { RouteRecordRaw } from 'vue-router';

import { $t } from '#/locales';

const routes: RouteRecordRaw[] = [
  {
    meta: {
      icon: 'icon-park-outline:data-user',
      order: 2,
      title: $t('page.resource.title'),
    },
    name: 'Resources',
    path: '/resources',
    children: [
      {
        name: 'MyFiles',
        path: '/resources/files',
        component: () => import('#/views/resources/files/index.vue'),
        meta: {
          icon: 'lucide:folder',
          title: $t('page.resource.files'),
        },
      },
      {
        name: 'MyServices',
        path: '/resources/services',
        meta: {
          icon: 'eos-icons:big-data-outlined',
          title: $t('page.resource.services'),
        },
        children: [
          {
            name: 'Vector',
            path: '/resources/services/vector',
            component: () =>
              import('#/views/resources/services/vector/index.vue'),
            meta: {
              icon: 'hugeicons:maps-square-01',
              title: $t('page.resource.vector'),
            },
          },
          {
            name: 'Raster',
            path: '/resources/services/raster',
            component: () =>
              import('#/views/resources/services/raster/index.vue'),
            meta: {
              icon: 'mdi:raster',
              title: $t('page.resource.raster'),
            },
          },
        ],
      },
    ],
  },
];

export default routes;
